<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>帮助中心 - 公司名称</title>  
    <style>  
        /* 简单的内联样式，建议将这些样式移至单独的CSS文件 */  
        body {  
            font-family: Arial, sans-serif;  
            margin: 0;  
            padding: 0;  
        }  
        .container {  
            max-width: 1200px;  
            margin: 0 auto;  
            padding: 20px;  
        }  
        header {  
            background-color: #333;  
            color: #fff;  
        }  
        header nav ul {  
            list-style: none;  
            margin: 0;  
            padding: 0;  
            display: flex;  
            justify-content: space-between;  
        }  
        header nav ul li {  
            display: inline-block;  
            margin-right: 10px;  
        }  
        header nav ul li a {  
            color: #fff;  
            text-decoration: none;  
            padding: 10px 15px;  
            display: inline-block;  
        }  
        header nav ul li a.active {  
            background-color: #666;  
        }  
        main {  
            margin-top: 20px;  
        }  
        h1, h2 {  
            margin-bottom: 15px;  
        }  
        .help-sections {  
            display: flex;  
            flex-wrap: wrap;  
        }  
        .help-section {  
            flex: 1 0 200px;  
            margin-right: 20px;  
            margin-bottom: 20px;  
        }  
        .help-section h3 {  
            background-color: #f2f2f2;  
            padding: 10px;  
        }  
        .help-section ul {  
            list-style: none;  
            padding: 0;  
        }  
        .help-section ul li {  
            padding: 5px 0;  
        }  
        .help-section ul li a {  
            text-decoration: none;  
        }  
        footer {  
            background-color: #333;  
            color: #fff;  
            text-align: center;  
            padding: 20px;  
            position: fixed;  
            bottom: 0;  
            width: 100%;  
        }  
    </style>  
</head>  
<body>  
  
    <header>  
        <div class="container">  
            <h1 class="logo"><a href="index.html">团队名称</a></h1>  
            <nav>  
                <ul>  
                    <li><a href="shouye.html">首页</a></li>  
                    <!-- 其他导航链接 -->  
                    <li><a href="bangzuzhongxin.html" class="active">帮助中心</a></li> <!-- 当前页面为“帮助中心” -->  
                    <!-- 可能还有其他链接，如“关于我们”、“联系我们”等 -->  
                </ul>  
            </nav>  
        </div>  
    </header>  
  
    <main>  
        <div class="container">  
            <h1>帮助中心</h1>  
            <p>在这里，您可以找到关于我们产品和服务的常见问题解答。</p>  
  
            <div class="help-sections">  
                <div class="help-section">  
                    <h3>产品使用</h3>  
                    <ul>  
                        <li><a href="product-help-1.html">如何使用产品A</a></li>  
                        <li><a href="product-help-2.html">产品B的常见问题</a></li>  
                        <!-- 其他产品使用相关链接 -->  
                    </ul>  
                </div>  
                <div class="help-section">  
                    <h3>账户管理</h3>  
                    <ul>  
                        <li><a href="account-help-1.html">如何注册账户</a></li>